.app {
  background-color: #f6f6f6;
  // height: 1900px;
   margin: 0 auto;
}
// 头部
.first_content {
  width: 100%;
  // height: 272px;
  padding-bottom: 50px;
  display: flex;
  justify-content: center;
  background: url(../public/images/bgc.png.png) no-repeat  top;
}
@media (max-width: 1366px) {
  .content_in {
    // width: 1024px;
  }
}

.first_height {
  width: 64%;
  // background-image: url(../public/images/bgc.png.png);
  // background: #00FF00 url(bgimage.gif) no-repeat fixed top;
}

@media (max-width: 1366px) {
  .first_content {
    // width: 1420px;
    margin: 0 auto;
  }
  .first_height {
    width: 950px;
  }
}

.first_title {
  text-align: center;
  color: #ff6523;
  margin: 44px 0px 20px;
  font-size: 24px;
}

.first_title_1 {
  text-align: center;
  color: #bfbfbf;
  margin-bottom: 25px;
}

.first_introduce {
  color: #ababab;
}

.bac {
  color: #ababab;
}

// tab  切换

.tab_head {
  display: flex;
  justify-content: center;
}
.second_tab {
  background-color: #f6f6f6;
  position: sticky;
  top: 0px;
  z-index: 9;
}
@media (max-width: 1366px) {
  .second_tab {
    // width: 1420px;
    margin: 0 auto;
  }
  .tab_head {
    width: 1200px;
  }
}

.tab_head div {
  width: 120px;
  height: 47px;
  line-height: 47px;
  text-align: center;
}

.tab_active {
  color: #fff;
  background-color: #ff4f03;
}

.none {
  display: none;
}
.third_title {
  text-align: center;
  margin-top: 33px;
  margin-bottom: 10px;
  background-color: #f6f6f6;
}
@media (max-width: 1366px) {
  .third_title {
    // width: 1420px;
  }
}

.third_title div:nth-child(2) {
  color: #959595;
  margin-bottom: 25px;
}

//  ///////////////////////////////////////////输入框  开始
@media (max-width: 1366px) {
  .fourth_input {
    // width: 1420px;
    margin: 0 auto;
  }
  .input_content {
    width: 1200px;
  }
}

.fourth_input {
  // width: 90%;
  display: flex;
  justify-content: center;
  font-size: 18px;
}
// @media (min-width: 1280px) {    // 最小是 1280px 像素的 
  .input_content {
    width: 74%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .input_content div:nth-child(1) {
    color: #979797;
    margin-right: 12px;
    white-space: nowrap;
  }
  .input_content div:nth-child(2) {
    white-space: nowrap;
  }
  
  .input_left {
    display: flex;
    align-items: center;
  }
  
  .input_enter {
    display: flex;
    align-items: center;
  }
  
  .input_enter div {
    width: 56px;
    height: 43px;
    background-color: #ff4f03;
    text-align: center;
    line-height: 43px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  .input_enter i {
    color: #fff;
    font-size: 27px;
  }
  .input_enter input {
    width: 516px;
    height: 43px;
    outline:none;
    border-radius: 12px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 3px solid #ff4f03;
  }
  .span {
    color: #ff4f03;
  }
// }
          //  最小尺寸 开始  
@media (max-width: 1280px) {
  .input_content {
    // width: 74%;
    width: 1024px;
    // display: flex;
    // align-items: center;
    // justify-content: space-between;
  }
}
  

/////////////////////////////////////////////////////////////// input 输入框 部分

// 中间     //////////////  input  框 下面的  开始 //// 
// @media (min-width: 1680px) {
  .middle_content {
    margin-top: 15px;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
  }
  @media (max-width: 1366px) {
    .middle_content {
      // width: 1420px;
    }
    .content_item {
      width: 1080px;
    }
  }
  .content_item {
    // width: 74%;
    // width: 1080px;
    display: flex;
    justify-content: space-between;
    height: 38px;
    line-height: 38px;
    background: #fff;
    border-radius: 12px;
  }
  .middle_left {
    display: flex;
  }
  .label {
    // margin: 0 12px;
    padding: 0 12px;
    color: #8f8f8f;
    white-space: nowrap;
  }
  .more_choice {
    background-color: #e8e8e8;
    height: 20px;
    margin-top: 10px;
    line-height: 20px;
    padding: 0px 5px;
    width: 54px;
    white-space: nowrap;
  }
  .label_more {
    margin: 0px 12px;
    width: 50px;
    white-space: nowrap;
  }
  .label_active {
    background-color: #e8e8e8 !important;
  }
  .middle_right {
    display: flex;
    padding-right: 8%;
  }
//  /////////  input 框 下面部分    结尾 、、、、、、


// 内容 区域   ////////////////////////////////////////////////

  .news {
    // margin-top: 15px;
    width: 74%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
  }
  @media (max-width: 1350px) {
    .news {
      width: 990px;
    }
  }
  .news_item {
    // height: 290px;
    width: 490px; 
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    margin-bottom: 20px;
  }
  .news_item_left {
    width: 32%;
    height: 100%;
    background-color: #f99e7e;
    border-radius: 12px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .news_item_right{
    width: 68%;
    padding: 20px 25px 22px 20px;
  }
  .news_title {
    color: #ff5106;
    font-size: 18px;
    font-weight: 700;
  }
  .news_introduce {
    color: #808080;
    padding: 2px 0px 4px;
  }
  .news_details {
    word-wrap: break-word;
  }
  .news_tabs {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
  }
  .news_tabs_item {
    margin: 0px 5px 8px;
    padding: 0px 17px;
    border-radius: 12px;
  }
  .new_hand {
    background-color: #fff4e5;
    color: #ff9005;
  }
  .new_store {
    background-color: #e5faf9;
    color: #12cfc7;
  }
  .new_clothing {
    background-color: #e5f4ff;
    color: #0e97ff;
  }

@media (max-width: 1366px) {
   .news_content {
    //  width: 1420px;
   }
}


.news_content {
  display: flex;
  justify-content: center;
}


.news_tabs_item:nth-child(1) {
  background-color: #fff4e5;
  color: #ff9005;
}

.news_tabs_item:nth-child(2) {
  background-color: #e5faf9;
  color: #12cfc7;
}
.news_tabs_item:nth-child(3) {
  background-color: #e5f4ff;
  color: #0e97ff;
}

.news_tabs_item:nth-child(4) {
  background-color: #fff4e5;
  color: #ff9005;
}
.news_tabs_item:nth-child(5) {
  background-color: #e5faf9;
  color: #12cfc7;
}
.news_tabs_item:nth-child(6) {
  background-color: #e5f4ff;
  color: #0e97ff;
}

.news_tabs_item:nth-child(7) {
  background-color: #fff4e5;
  color: #ff9005;
}
.news_tabs_item:nth-child(8) {
  background-color: #e5faf9;
  color: #12cfc7;
}
.news_tabs_item:nth-child(9) {
  background-color: #e5f4ff;
  color: #0e97ff;
}

.news_tabs_item:nth-child(10) {
  background-color: #fff4e5;
  color: #ff9005;
}
.news_tabs_item:nth-child(11) {
  background-color: #e5faf9;
  color: #12cfc7;
}
.news_tabs_item:nth-child(12) {
  background-color: #e5f4ff;
  color: #0e97ff;
}
.news_tabs_item:nth-child(13) {
  background-color: #fff4e5;
  color: #ff9005;
}


/////////////////////////////////
// 更多 样式
@media (max-width: 1366px) {
  .morechoose_content {
    // width: 1420px;
  }
}

.morechoose_content {
  display: flex;
  justify-content: center;
}
.isshow_morechoose {
  width: 74%;
  // height: 135px;
  background-color: skyblue;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-top: 15px;
  padding-bottom: 5px;
  // display: flex;
  // margin-bottom: 20px;
}
.morechoose_left {
  width: 100%;
  // height: 100%;
  // background-color: skyblue;
  display: flex;
}
.morechoose_allitem {
  width: 80%;
  padding-top: 5px;
  display: flex;
  height: 60px;
  flex-wrap: wrap;
}
.morechoose_allitem div {
  padding: 0px 10px;  
}
// .morechoose_middle {
//   // border: 1px dotted #ccc;
//   border-top: 1px double #ccc;
//   border-bottom: 1px double #ccc;
// }
.morechoose_right {
  display: flex;
  margin-top: 10px;
}
.morechoose_right div:nth-child(1) {
  width: 50px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #ccc;
  margin-right: 15px;
  padding: 0px !important;
}
// .morechoose_middle_top {
//   display: flex;
//   justify-content: center;
//   margin-top: 5px;
// }
.more_checkbox {
  padding: 0px 12px;
}
.morechoose_div {
  word-wrap: none;
}

.morechoose_middle_bottom {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 5px;
}
.morechoose_middle_bottom_submit {
  width: 50px;
  height: 25px;
  background-color: #ff4f03;
  line-height: 25px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
}
.morechoose_middle_bottom_cancel {
  width: 50px;
  height: 25px;
  background-color: #fff;
  line-height: 22px;
  text-align: center;
  color: #000;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-left: 15px;
}

////////////////////////更多   ，，，，，，
// 分页  
  @media (max-width: 1366px) {
     .pagination_content {
      //  width: 1420px;
     }
  }
  
  .pagination_content {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    padding-bottom: 50px;
  }
  .pagination_in {
    width: 74%;
    display: flex;
    justify-content: center;
  }
  .pagination_prev {
    height: 20px !important;
    width: 30px;
    color: #959595;
    // border: 1px solid #959595;
  }

// 轮播图
.slideshow_content {
  display: flex;
  justify-content: center;
  background-color: #fff;
  padding-bottom: 72px;
}
.slideshow_in {
  width: 74%;
  position: relative;
}
.slideshow_title {
  display: flex;
  // justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 24px;
}
.slideshow_title div:nth-child(1) {
  color: #ff6625;
  font-size: 24px;
  font-weight: 700;
}
.slideshow_title div:nth-child(2) {
  color: #aaaaaa;
  // font-size: 24px;
  // font-weight: 700;
}
.div_img {
  width: 1030px;
  height: 450px;
  // background-color: skyblue;
  position:relative;
  overflow:hidden;
  border-radius: 14px;
}
.carousel_img {
  // width: 100%;
  // height: 100%;
  // object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  min-width: 100%;
  min-height: 100%;
  transform:translate(-50%,-50%);
}

@media (max-width: 1366px) {
  .slideshow_content {
    // width: 1420px;
    margin: 0 auto;
  }
  .slideshow_in {
    // width: 1420px;
  }
}

// 左右切换 标志 
.instruct {
  // position: absolute;
  display: flex;
  justify-content: space-between;
  // width: 100%;
  // height: 100%;
  // top: 320px;
  // left: 68px;
}
.instruct_left {
  position: absolute;
  top: 320px;
  right: -69px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #f5f6f7;
  text-align: center;
  line-height: 50px;
  
}
.icon-xiangyoujiantou, .icon-xiangzuojiantou {
  font-size: 24px;
}
.instruct_right {
  position: absolute;
  top: 320px;
  left: -69px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #f5f6f7;
  text-align: center;
  line-height: 50px;
}